//Ext.BLANK_IMAGE_URL = '../ext/resources/images/default/s.gif';

Ext.onReady(function(){

	Ext.QuickTips.init();
	
	var xg = Ext.grid;
	
	/*
	 * Trae los datos de la vista de cake agrupados por colonia
	 */
    var ds = new Ext.data.Store({	    	
    	proxy: new Ext.data.HttpProxy({url: "/cake/syscable/TcMovimientosDiarios/historialext"}),
        reader:  new Ext.data.JsonReader({	    
	    id: 'TcContrato-id',
        root: 'contratos',
		totalProperty: 'total',
		fields: [
		    {name: 'TcMovimientosDiarios-id'},   
			{name: 'TcMovimientosDiarios-contrato'},
			{name: 'TcMovimientosDiarios-mg_cliente_id'},
			{name: 'TcEstadoContrato-descripcion'},
			{name: 'TcMovimientosDiarios-tc_tipo_contrato_id'},
			{name: 'TcMovimientosDiarios-descripcion'},
			{name: 'TcMovimientosDiarios-cantidad_televisores'},
			{name: 'TcMovimientosDiarios-comentario'},			
			{name: 'TcMovimientosDiarios-fecha_instalacion',type: 'date', dateFormat: 'Y-m-d'},
			{name: 'TcMovimientosDiarios-fecha_ultimo_pago',type: 'date', dateFormat: 'Y-m-d'},
			{name: 'TcMovimientosDiarios-fecha_ultimo_pago_banco',type: 'date', dateFormat: 'Y-m-d'},			
			{name: 'TcMovimientosDiarios-telefono'},			
			{name: 'MgColonia-descripcion'},
			{name: 'TcMovimientosDiarios-casa'},
			{name: 'TcMovimientosDiarios-bloque'},
			{name: 'TcMovimientosDiarios-calle'},
			{name: 'meses_deuda'},
			{name: 'TcMovimientosDiarios-descripcion_direccion'}
		]	    
		})
		}}
           }
        })
    });
    /*
     * Crea la tabla utilizando los parametros definidos anteriormente
     */
	var gridclientes = new xg.GridPanel({
	ds: ds,	
    cm: new xg.ColumnModel({
        defaults: {
            width: 80,
            sortable: true,
        },
        columns:[ 
            expander,
            {header: "ID", dataIndex: 'TcMovimientosDiarios-id',hidden:true},
            {header: "No. Contrato", dataIndex: 'TcMovimientosDiarios-contrato', width: 80, hidden: false},
	  		{header: "Codigo Cliente", dataIndex: 'TcMovimientosDiarios-mg_cliente_id',width: 65},	  		
	  		{header: "Descripcion", dataIndex: 'TcMovimientosDiarios-descripcion',width: 170},	  		
	  		{header: "Meses Deuda", dataIndex: 'meses_deuda', renderer: mes_color, width: 55},
	  		{header: "Colonia", dataIndex: 'MgColonia-descripcion'},	  		
	  		{header: "Fecha Ultimo Pago", dataIndex: 'TcMovimientosDiarios-fecha_ultimo_pago_banco',renderer: Ext.util.Format.dateRenderer('d-F-Y'), hidden:false},
	  		{header: "Ultimo Mes Pago", dataIndex: 'TcMovimientosDiarios-fecha_ultimo_pago',renderer: Ext.util.Format.dateRenderer('F-Y'),hidden:false},
	  		{header: "Telefono", dataIndex: 'TcMovimientosDiarios-telefono', hidden:false},
	  		accion

	]
    }),
    stripeRows: true,    
    columnLines: true,
    width: 850,
    height: 400,
    frame: true,
	bbar: new Ext.PagingToolbar({
		pageSize: 10,
		store: ds,
		displayInfo: true,
		displayMsg: 'Mostrando contratos del {0} - {1} de {2}',
		emptyMsg: 'No hay contratos que mostrar'		
	}),

    title: 'Historial del Contratos',
    iconCls: 'icon-grid',
    renderTo: 'grid-paging'	
	});
	ds.load({params:{limit:10,start:0}}); 
	});
});